mdl-layout-header {
    padding: 0;
    background-color: #062561;
    mdl-layout-header-row {
        mdl-layout-title {
            font-size: 25px;
            font-weight: 400;
            color: whitesmoke;
        }
        i {
            font-size: 42px;
            top: 10px;
            right: 20px;
            position: absolute;
            color: BLACK;
        }
    }
}

mdl-layout-content {
    height: calc(100% - 50px);
    flex-grow: 0;
    overflow: hidden;
    .lawcase-content-area {
        float: right;
        width: calc(100% - 75px);
        height: 100%;
        transition: width .3s;
    }
    .left-menu {
        float: left;
        left: 0;
        z-index: 2;
        color: #fff;
        width: 75px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #333333;
        transition: width .3s;
        ul {
            margin-top: -5px;
        }
    }
    .left-menu::-webkit-scrollbar {
        display: none;
    }
    .left-menu>ul {
        padding: 0px;
        list-style-type: none;
    }
    .left-menu>ul>li>div {
        color: #fff;
        margin: 0px;
        width: 100%;
        display: block;
        font-size: 36px;
        line-height: 80px;
        height: 110px;
        transition: background-color .3s;
        white-space: nowrap;
        text-align: center;
        padding-bottom:20px;

    }
    .left-menu>ul>li>div:hover {
        color: #fff;
        background-color: #2980B9;
    }
    .left-menu-nav-icon {
        color: #fff;
        background-color: #333333;
        padding-bottom: 0 !important;
    }
  .left-menu-selected {
    background-color: #116fbf;
   }
}

.footer {
    width: 100%;
    position: absolute;
    height: 45px;
    bottom: 0px;
    border-radius: 25px 25px 0 0;
    background-color: rgb(3, 169, 244);
}
